.circle-text-creating {
  display: table-cell;
  height: 50px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  color: whitesmoke;
  padding:0;
  margin-right: 15px;
  background: deepskyblue;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.circle-text-checking {
  display: table-cell;
  height: 50px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  color: whitesmoke;
  padding:0;
  margin-right: 15px;
  background: darkorange;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.circle-text-correcting {
  display: table-cell;
  height: 50px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  color: whitesmoke;
  padding:0;
  margin-right: 15px;
  background: lightseagreen;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.circle-text-finished {
  display: table-cell;
  height: 50px;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  color: whitesmoke;
  padding:0;
  margin-right: 15px;
  background: #26ab28;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.line-breaker {
  white-space: pre-line;
}
